<template>
  <!-- 这里是猜你喜欢页面 -->
  <div style="width: 90%">
    <!-- 商品页面 -->
    <our-likes :commodityList="this.commodityList"></our-likes>
  </div>
</template>

<script>
// 所有的商品
import OurLikes from "./comRecomment.vue"
export default {
  // 组件
  components: {
    // 所有商品
    OurLikes
  },
  data () {
    return {
      // 商品列表查询的参数
      queryInfo: {
        // 查询的参数
        query: '',
        // 查询的类型·
        queryType: 0,
        // 当前每页显示几条数据
        pageSize: 1000,
      },
      // 商品列表
      commodityList: []
    }
  },
  // 钩子
  created () {
    // 获取商品列表
    this.getCommodityList()
  },
  // 方法
  methods: {
    // 获取商品列表
    async getCommodityList () {
      const { data: res } = await this.$http.get('Commodities', { params: this.queryInfo })
      if (res.meta.status !== 200) {
        // 获取商品列表失败
        return this.$message.error('商品列表获取失败！')
      } else {
        // 获取商品列表成功
        // 将返回的数据中的commodities商品列表赋值给commodityList
        this.commodityList = res.data.commodities
      }
    }
  }
}
</script>

<style scoped>
</style>
